<template>
    <div class="footer">
        <div class="footer-left">
            <nav class="mation">
                <a href="#">使用条款&emsp;|</a>
                <a href="#">&emsp;隐私政策&emsp;|</a>
                <a href="#">&emsp;经营公示&emsp;|</a>
                <a href="#">&emsp;营业执照&emsp;|</a>
                <a href="#">&emsp;联系我们&emsp;|</a>
                <a href="#">&emsp;加入我们&emsp;|</a>
                <a href="#">&emsp;经营性网站备案信息</a>
            </nav>
        </div>
        <div class="footer-right">
            <p>版权所有 百胜咨询（上海）有限公司沪ICP备 17029211-1号</p>
        </div>
        <div class="more">
        <select>
            <option>欢迎访问百胜餐饮其他品牌</option>
            <option>中国百胜</option>
            <option>中国肯德基</option>
            <option>中国必胜客</option>
            <option>必胜客宅急送</option>
            <option>东方既白</option>
            <option>肯德基宅急送移动版</option>
        </select>
        </div>
    </div>
</template>

<script>
export default {
  name: 'HomeFooter'
}
</script>
<style lang="stylus" scoped>
    .footer
      display: flex
      flex-wrap: wrap
      width: 20rem
      height: 1.5rem
      margin: 0 auto
      border-top: 1px solid #aaa
      .footer-left
        width:60%
        height: 20px
        .mation
          width: 100%
          height: 100%
        .mation a
          font-size: 12px
          color: #9fa4a4
       .footer-right
          width:40%
          height: 20px
        .footer-right p
          font-size: 12px
          color: #9fa4a4
          margin-left: .4rem
      .more
         width: 4rem
         height: 20px
         border: 1px solid #9fa4a4
         margin-left: 16rem
</style>
